body{background:#f7f7f7;}
/* 设置头部颜色 */
.aui-bar-nav{background-color:#3cb0d6;}

.row_space{display:flex;justify-content:space-between;}
.col_center{display:flex;flex-direction:column;align-items: center;}
.col_left{display:flex;flex-direction:column;align-items:flex-start;}
.col_right{display:flex;flex-direction:column;align-items:flex-end;}

.search{background:#fff !important;border-radius: 0.5rem !important;display: flex;}
.aui-icon-search{width: 2rem;line-height: 1.6rem;padding-left: 0.5rem;font-size: 0.8rem;}
input[type="text"]{height:1.4rem;}
.content-padded{padding:0.3rem 0.75rem;border-bottom: 1px solid #ddd;}
.aui-list{background-size: 100% 0px;}
.aui-list-item{background-size: 100% 0px !important;}
.aui-list-item-inner{border-bottom: 1px solid #ddd;}
.alphabet{background:#f7f7f7;padding:0 0.75rem;}
.aui-list-item-media{padding:0.5rem 0;}
.letter{width:2.3rem;height:2.3rem;border-radius: 50%;background:#ffbb43;text-align: center;line-height: 2.3rem;font-size: 1.2rem;color:#fff;}

.sort_box{padding-top:0;overflow:hidden;}
.initials{height:500px !important;top:4.5rem;}
.initials ul li{height:18px !important;}
.sort_list .num_logo{border-radius: 50%;text-align: center;line-height: 50px;background:#ffbb43;color:#fff;font-size: 1rem;}
.user_info{line-height: 1.3rem;font-size: 0.7rem;}
.gray-8{color:#888;}
.gray-4{color:#444;}
.btn{ position: absolute; top: 0; right: -120px; text-align: center; background: #DD524D; color: #fff; width: 120px;height:95%;padding:10% 0;font-size:1rem;line-height: 100%;}
.sort_list{
    position:relative;
    -webkit-transform: translateX(0px);
}
